<template>
  <!-- 日志管理 -->
  <div class="menu">
    <div class="search">
      <HyForm
        :form-items="formItems"
        :label-width="labelWidth"
        v-model="formData"
      >
        <!-- 插槽 -->
        <template #header>
          <h1 class="header">操作日志检索</h1>
        </template>
        <template #footer>
          <div class="handle-btns">
            <el-button
              ><el-icon><Filter /></el-icon>重置</el-button
            >
            <el-button type="primary"
              ><el-icon><ZoomOut /></el-icon>搜索</el-button
            >
          </div>
        </template>
      </HyForm>
    </div>
    <div class="content">
      <PageContent :contentTableConfig="contentTableConfig"></PageContent>
    </div>

  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import PageContent from '@/components/page-content';
import { contentTableConfig } from "./config/content.config";
import HyForm, { IFormItem } from "@/base-ui/form";
export default defineComponent({
  name: 'menu',
  components: {
    HyForm,
    PageContent
  },
  setup() {
    return {
      contentTableConfig
    };
  }
})
</script>

<style scoped lang="less">
.menu {
  .content {
    background-color: #fff;
    border-radius: 10px;
  }
  .search {
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 10px;
    .header {
      text-align: left;
      margin: 0px 0px;
    }
    .handle-btns {
      text-align: end;
    }
  }
}
</style>
